<template>
	<view class="business" :style="{paddingTop: safeArea_top + 'px'}">
		<view class="head">
			<view class="back" @click="back">
				<uni-icons type="arrow-left" size="30"></uni-icons>
			</view>
			<view class="title">
				公司资质
			</view>
			<view></view>
		</view>
		
		<view class="container">
			<view class="title">营业执照</view>
			<view>
				<image src="https://app.diaochan88.com/uploads/api/lawcerts/zhizhao.jpg" style="width: 100%;" mode="widthFix"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data(){
			return {
				safeArea_top: ''
			}
		},
		onLoad() {
			const safeArea = uni.getStorageSync("safeArea");
			this.safeArea_top = safeArea.top + 15;
		},
		methods:{
			back(){
				uni.navigateBack()
			}
		}
	}
</script>

<style lang="scss">
	.business{
		background-color: #f5f6f8;
		.head{
			position: relative;
			display: flex;
			justify-content: center;
			align-items: center;
			.back{
				position: absolute;
				left: 30rpx;
			}
			.title{
				font-size: 32rpx;
				font-weight: 500;
			}
		}
		
		.container{
			border-radius: 18rpx;
			background-color: #fff;
			margin: 120rpx 20rpx;
			.title{
				padding: 20rpx;
				text-align: center;
				border-bottom: 1px solid #f5f6f8;
			}
		}
	}
</style>